<template>
  <el-card class="form-container" shadow="never">
    <el-form :model="workorderList"
             :rules="rules"
             :inline="true"
             ref="workorderListFrom"
             label-position="left"
             label-width="130px">

      <div>
        <el-form-item label="客户姓名：">
          <span >{{workorderList.customername}}</span>
        </el-form-item>
        <el-form-item label="性别：">

          <span >{{workorderList.sex}}</span>
        </el-form-item>
      </div>
      <div>
        <el-form-item label="证件类型：">
          <span>{{workorderList.certificatetype}}</span>

        </el-form-item>
        <el-form-item label="证件号码：">
          <span>{{workorderList.centificatenumber}}</span>
        </el-form-item>
      </div>
      <div>
        <el-form-item label="手机号：">
          <span>{{workorderList.telephone}}</span>
        </el-form-item>
        <el-form-item label="微信白名单openID：">
          <span>{{workorderList.wechatwhite}}</span>
        </el-form-item>
        <el-form-item label="QQ白名单openID：">
          <span>{{workorderList.qqwhile}}</span>
        </el-form-item>
      </div>
      <div>
        <el-form-item label="开户渠道：">
          <span>{{workorderList.openchannel}}</span>
        </el-form-item>
        <el-form-item label="客群分类：">
          <span>{{workorderList.customertype}}</span>
        </el-form-item>
      </div>
    </el-form>
  </el-card>
</template>

<script>
  import axios from 'axios';
  export default {
    name: "CustomerInfo",
    data() {
      return {
        id:"",
        workorderList: {
          customername: '555',
          sex: '男',
          certificatetype: '',
          centificatenumber: '',
          telephone: '',
          wechatwhite: '',
          qqwhile: '',
          openchannel: '',
          customertype: ''
        }
      }
    },
    created(){
    },
    mounted(){
      this.id = this.$route.query.id;
      let params = new URLSearchParams();
      params.append("id",this.id)
      axios.post("/api/orderDetail/customer",params)
        .then((res)=>{
          this. workorderList=res.data.data
        })
    }

  }
</script>

<style scoped>


</style>
